.pay-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  span{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: rgba(0,0,0,.85);
  }
  .total{
    display: flex;
    align-items: center;
    span{
      &:last-child{
        margin-left: 12px;
        display: inline-block;
        color: #f60;
        font-size: 18px;
        font-weight: bold;
      }
    }
  }
  .act-fee{
    display: flex;
    align-items: center;
    margin-top: 4px;
    span{
      &:last-child{
        margin-left: 12px;
        display: inline-block;
        color: #f60;
        font-size: 18px;
        font-weight: bold;
      }
    }
  }
  .pay-type{
    display: flex;
    align-items: center;
  }
  .qr-code{
    margin-top: 12px;
    .pay-code-img{
      width: 207px;height: 207px;
      margin: auto;
      background-size: cover;
      display: flex;align-items: center;justify-content: center; 
      background: url(../../../../../assets/images/common/qr-code.png) no-repeat;
    }
    .pay-success{
      img{
        width: 64px;
        height: 100px;
      }
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .pay-type-item{
      ::ng-deep span:last-child{
        display: flex;
        align-items: center;
      }
    }
  }
}